.DataTableNavigatorSearch {
    border-bottom: var(--border);
    padding-right: 12px;

    > .SearchBar {
        flex-grow: 1;
    }
    .table-search-filter-button {
        .ping-message {
            top: -5px;
            right: 6px;
            padding: 0.5px 4.2px 0px 4.2px;
            font-size: var(--xxxsmall-text-size);
        }
    }
}

.DataTableNavigatorSearchFilter {
    padding: 4px 12px;
    width: 360px;
    position: relative;

    .filter-reset-button {
        position: absolute;
        right: 12px;
        top: 12px;
    }

    .search-filter-row {
        display: flex;
        align-items: flex-start;
        padding: 8px 0px;

        &.toggle-padding {
            padding-bottom: 2px;
        }

        .search-filter-title {
            margin-right: 10px;
            width: 80px;
        }

        .search-filter-row-item {
            flex: 1;
            .DebouncedInput input {
                padding: 2px 8px;
            }
        }
    }
}
